// components/popup/popup.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    height:{//高度
      type:String,
    },
    show:{//控制显示
      type:Boolean,
      value:false
    },
    position:{//控制位置
      type:String,
      value:"bottom"
    },
    border:{//控制是否需要边框
      type:String,
      value:"",
    }
  },
  observers:{
    "show":function(newVal){
      if(newVal){
        this.initPosiTion();
      }
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    annima:false,//标识开始执行动画
    ani:"",//动画对象
    ani2:"",
    positionStype:"",
    positionStype1:"123",
  },
  // 组件生命周期
  lifetimes:{
    created(){
    },
    attached(){
      console.log("jinru")
    },
    ready(){
      console.log("ready")
      // this.initPosiTion();
    },
    moved(){
      console.log("move")
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    initPosiTion(){
      console.log("执行了")
      switch (this.data.position){
        case "left":
          this.setData({
            positionStype:`width:${this.data.height}`
          })
          break
        case "top":
          this.setData({
            positionStype:`height:${this.data.height}`
          })
          break
        case "right":
          this.setData({
            positionStype:`width:${this.data.height}`
          })
          break
        case "bottom":
          this.setData({
            positionStype:`height:${this.data.height}`
          })
          break
      }
      console.log(this.data.positionStype)
    },
    startAnimation(){
      console.log("开始执行动画")
      this.setData({
        annima:true
      })
      // let Animation = wx.createAnimation({
      //   duration:2000,
      //   timingFunction:'linear',
      //   delay:0,
      // })
      // // Animation.height(this.data.height).step();
      // Animation.backgroundColor("rgba(0, 0, 0, 0.3);").step();
      // this.setData({
      //   ani:Animation.export()
      // })
    },
    noScoall(){},
    closePopup(){
      console.log("关闭了")
      this.setData({
        show:false
      })
    }
  }
})
